<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>登录</title>
    <link rel="shortcut icon" href="/assets/i/favicon.png" type="image/x-icon">
    <link rel="stylesheet" href="/assets/fonts/feather/feather.min.css">
    <link rel="stylesheet" href="/assets/css/theme.min.css">
</head>

<body class="d-flex align-items-center">

<div class="container">
  <div class="row justify-content-center">
    <div class="sign col-12 col-md-5 col-xl-4 my-5">
      
      <!-- Heading -->

      <h1 class="text-center mb-3" style="font-size: 200%;"> <img class="mb-3" src="/assets/i/favicon.png" alt="logo" /> <br> Op Manager 管理系统</h1>
      <h3 class="text-center mb-3">登录</h3>
      
      <form method="post" action="/login">
        <!-- UserName -->
        <div class="form-group">
          <input type="text" class="form-control" name="username" placeholder="请输入账号">
        </div>

        <!-- Password -->
        <div class="form-group">
            <input type="password" class="form-control form-control-appended" name="password" placeholder="请输入密码">
        </div>


        <!-- Submit -->
        <button class="btn btn-lg btn-block btn-primary mb-3">
          登 录
        </button>
        
        <div class="text-center">
          <label style="color: red">{{ login_errors }}</label>
        </div>

      </form>

    </div>
  </div> <!-- / .row -->
</div>


<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="/assets/libs/jquery/jquery.min.js"></script>
<!-- bootstrap.bundle.js 包含了 popper 内容. -->
<script src="/assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="/assets/js/theme.min.js"></script>


</body>

</html>